<p>news组件</p>

<!-- 模板语法   绑定数据 -->
<p>{{title}}</p>

<p>{{msg}}</p>


<!-- 绑定属性  -->
<!-- 静态属性 -->
<div title="student">
    hover title属性
</div>
<!-- 动态绑定：使用中括号[] -->
<div [title]="student">
    这是一个学生
</div>

<br>
<!-- 模板上绑定html，解析html -->
<div>
    <!-- 无法解析 -->
    {{content}}
</div>
<!-- 能解析 -->
<div [innerHtml]="content">

</div>


<div>
    模板里简单运算： 1+2={{1+2}}
</div>

<div>
    <!-- 数组遍历   指令 *ngFor , 以前1.0版本是： ng-repeat  -->
    <ul>
        <li *ngFor="let item of arr">{{item}}</li>
    </ul>

    <ul>
        <li *ngFor="let item of lists">
            name: {{item.username}}
            
            age: {{item.age}}
        </li>
    </ul>
</div>

